<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" href="./images/favicon.ico" type="image/x-icon" />
    <link rel="shortcut icon" href="./images/favicon.ico" type="image/x-icon" />
    <title>在线技术社区-欢迎登录</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="./css/myPagination.css" rel="stylesheet">
    <link href="./css/index.css" rel="stylesheet">
</head>

<body>
    <nav class="navbar navbar-default">
        <div class="container">
            <div class="container-fluid">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"
                        aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <span class="navbar-brand">
                        <img src="./images/logo1.png">
                        <a href="#">技术社区</a>
                    </span>
                </div>


                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        <li class="li1">
                            <a href="#">首页</a>
                        </li>
                        <li class="li2">
                            <a href="#">
                                <img src="./images/下载.png" width="15px" height="15px"> 下载</a>
                        </li>
                        <li class="li3">
                            <a href="#">
                                <img src="./images/上传.png" width="15px" height="15px"> 上传</a>
                        </li>
                    </ul>
                    <ul class="nav navbar-nav" id="navbar-nav2">
                        <li class="li4">
                            <a href="#">
                                <img src="./images/消息.png" width="15px" height="15px">&nbsp  消息</a>
                        </li>
                        <li class="li5">
                            <a href="./login.html">登录</a>
                        </li>
                        <li class="li6">
                            <a href="./loginsum.html">注册</a>
                        </li>
                    </ul>
                    <form class="navbar-form navbar-left">
                        <div class="form-group">
                            <input type="text" class="form-control" placeholder="搜索">
                        </div>
                        <button type="submit" class="btn btn-default">确认</button>
                    </form>
                </div>
            </div>
        </div>
    </nav>
    <div class="container">
        <div class="col-sm-2">
            <div class="sub">
                <div class="navbarleft">
                    <ul class="nav nav-pills nav-stacked">
                        <li role="presentation">
                            <div class="btn-group">
                                <button type="button" class="btn btn-danger">计算机基础</button>
                                <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <span class="caret"></span>
                                    <span class="sr-only">Toggle Dropdown</span>
                                </button>
                                <ul class="dropdown-menu">
                                    <li>
                                        <a href="#">计算机基础1</a>
                                    </li>
                                    <li>
                                        <a href="#">计算机基础2</a>
                                    </li>
                                    <li>
                                        <a href="#">计算机基础3</a>
                                    </li>
                                    <li role="separator" class="divider"></li>
                                    <li>
                                        <a href="#">计算机基础4</a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li role="presentation">
                            <div class="btn-group">
                                <button type="button" class="btn btn-danger">编程语言</button>
                                <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <span class="caret"></span>
                                    <span class="sr-only">Toggle Dropdown</span>
                                </button>
                                <ul class="dropdown-menu">
                                    <li>
                                        <a href="#">c</a>
                                    </li>
                                    <li>
                                        <a href="#">c++</a>
                                    </li>
                                    <li>
                                        <a href="#">python</a>
                                    </li>
                                    <li>
                                        <a href="#">Java</a>
                                    </li>
                                    <li>
                                        <a href="#">PHP</a>
                                    </li>
                                    <li role="separator" class="divider"></li>
                                    <li>
                                        <a href="#">JavaScript</a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li role="presentation">
                            <div class="btn-group">
                                <button type="button" class="btn btn-danger">网页设计</button>
                                <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <span class="caret"></span>
                                    <span class="sr-only">Toggle Dropdown</span>
                                </button>
                                <ul class="dropdown-menu">
                                    <li>
                                        <a href="#">UI</a>
                                    </li>
                                    <li>
                                        <a href="#">HTML</a>
                                    </li>
                                    <li>
                                        <a href="#">css</a>
                                    </li>
                                    <li role="separator" class="divider"></li>
                                    <li>
                                        <a href="#">网页设计</a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li role="presentation">
                            <div class="btn-group">
                                <button type="button" class="btn btn-danger">移动并发</button>
                                <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <span class="caret"></span>
                                    <span class="sr-only">Toggle Dropdown</span>
                                </button>
                                <ul class="dropdown-menu">
                                    <li>
                                        <a href="#">移动并发1</a>
                                    </li>
                                    <li>
                                        <a href="#">移动并发2</a>
                                    </li>
                                    <li>
                                        <a href="#">移动并发3</a>
                                    </li>
                                    <li role="separator" class="divider"></li>
                                    <li>
                                        <a href="#">移动并发4</a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li role="presentation">
                            <div class="btn-group">
                                <button type="button" class="btn btn-danger">IT基础框架</button>
                                <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <span class="caret"></span>
                                    <span class="sr-only">Toggle Dropdown</span>
                                </button>
                                <ul class="dropdown-menu">
                                    <li>
                                        <a href="#">IT基础框架1</a>
                                    </li>
                                    <li>
                                        <a href="#">IT基础框架2</a>
                                    </li>
                                    <li>
                                        <a href="#">IT基础框架3</a>
                                    </li>
                                    <li role="separator" class="divider"></li>
                                    <li>
                                        <a href="#">IT基础框架4</a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li role="presentation">
                            <div class="btn-group">
                                <button type="button" class="btn btn-danger">人工智能</button>
                                <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <span class="caret"></span>
                                    <span class="sr-only">Toggle Dropdown</span>
                                </button>
                                <ul class="dropdown-menu">
                                    <li>
                                        <a href="#">云计算</a>
                                    </li>
                                    <li>
                                        <a href="#">大数据</a>
                                    </li>
                                    <li>
                                        <a href="#">数据可视化</a>
                                    </li>
                                    <li role="separator" class="divider"></li>
                                    <li>
                                        <a href="#">人工智能</a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li role="presentation">
                            <div class="btn-group">
                                <button type="button" class="btn btn-danger">区块链</button>
                                <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <span class="caret"></span>
                                    <span class="sr-only">Toggle Dropdown</span>
                                </button>
                                <ul class="dropdown-menu">
                                    <li>
                                        <a href="#">比特币</a>
                                    </li>
                                    <li>
                                        <a href="#">以太坊</a>
                                    </li>
                                    <li>
                                        <a href="#">空气币</a>
                                    </li>
                                    <li role="separator" class="divider"></li>
                                    <li>
                                        <a href="#">区块链</a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li role="presentation">
                            <div class="btn-group">
                                <button type="button" class="btn btn-danger">大数据云计算</button>
                                <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <span class="caret"></span>
                                    <span class="sr-only">Toggle Dropdown</span>
                                </button>
                                <ul class="dropdown-menu">
                                    <li>
                                        <a href="#">大数据</a>
                                    </li>
                                    <li>
                                        <a href="#">云计算</a>
                                    </li>
                                    <li>
                                        <a href="#">大数据云计算1</a>
                                    </li>
                                    <li role="separator" class="divider"></li>
                                    <li>
                                        <a href="#">大数据云计算2</a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li role="presentation">
                            <div class="btn-group">
                                <button type="button" class="btn btn-danger">其他</button>
                                <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <span class="caret"></span>
                                    <span class="sr-only">Toggle Dropdown</span>
                                </button>
                                <ul class="dropdown-menu">
                                    <li>
                                        <a href="#">其他1</a>
                                    </li>
                                    <li>
                                        <a href="#">其他2</a>
                                    </li>
                                    <li>
                                        <a href="#">其他3</a>
                                    </li>
                                    <li role="separator" class="divider"></li>
                                    <li>
                                        <a href="#">其他4</a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="col-sm-6">

            <div class=" li-box " id="tzgg">
                <span>文章推荐</span>
                <div class="clearfix"></div>
                <ul class="line"> </ul>
            </div>
            <div id="myCarousel" class="carousel slide">
                <!-- 轮播（Carousel）指标 -->
                <ol class="carousel-indicators">
                    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                    <li data-target="#myCarousel" data-slide-to="1"></li>
                    <li data-target="#myCarousel" data-slide-to="2"></li>
                </ol>
                <!-- 轮播（Carousel）项目 -->
                <div class="carousel-inner">
                    <div class="item active">
                        <img src="images/背景.png" alt="First slide">
                        <div class="carousel-caption">标题 1</div>
                    </div>
                    <div class="item">
                        <img src="images/背景.png" alt="Second slide">
                        <div class="carousel-caption">标题 2</div>
                    </div>
                    <div class="item">
                        <img src="images/背景.png" alt="Third slide">
                        <div class="carousel-caption">标题 3</div>
                    </div>
                </div>
                <!-- 轮播（Carousel）导航 -->
                <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
                    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div>




            <!-- 文章推荐 -->
            <div class="Article">
                <div row clearfix>
                    <div class="col-md-10 column Newsletter">
                        <a href="#">拿下阿里一等奖，转型AI，这位技术老炮儿要说些这些</a>
                    </div>
                    <div class="col-md-2 column kaoyou">
                        <a href="#">X</a>
                    </div>
                </div>
                <div class="Newsletter">
                    <p>拿下阿里一等奖，转型AI，这位技术老炮儿要说些这</p>
                </div>
                <div class="row clearfix">
                    <div class="information">
                        <div class="col-md-7 column">
                            <div class="row clearfix">
                                <div class="col-xs-4 column" id="author">
                                    <a href="#"> <img src="./images/zuozhe.png" width="15px" height="14px">CSDnedu</a>
                                </div>
                                <div class="col-xs-4 column" id="time">
                                    <a href="#">10小时前</a>
                                </div>
                                <div class="col-xs-4 column" id="from">

                                    <a href="#">来自csdn</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="respon">
                        <div class="col-md-4 column ">
                            <div class="row clearfix ">
                                <div class="col-xs-6 column " id="author">
                                    <img src="./images/view.png" width="16px" height="8px">
                                    <a href="#">4465</a>
                                </div>
                                <div class="col-xs-6 column" id="time">
                                    <img src="./images/bi.png" width="9px" height="8px">
                                    <a href="#">6799</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="Article">
                <div row clearfix>
                    <div class="col-md-10 column Newsletter">
                        <a href="#">拿下阿里一等奖，转型AI，这位技术老炮儿要说些这些</a>
                    </div>
                    <div class="col-md-2 column kaoyou">
                        <a href="#">X</a>
                    </div>
                </div>
                <div class="Newsletter">
                    <p>拿下阿里一等奖，转型AI，这位技术老炮儿要说些这</p>
                </div>
                <div class="row clearfix">
                    <div class="information">
                        <div class="col-md-7 column">
                            <div class="row clearfix">
                                <div class="col-xs-4 column" id="author">
                                    <img src="./images/zuozhe.png" width="15px" height="14px">
                                    <a href="#">CSDnedu</a>
                                </div>
                                <div class="col-xs-4 column" id="time">

                                    <a href="#">10小时前</a>
                                </div>
                                <div class="col-xs-4 column" id="from">

                                    <a href="#">来自csdn</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="respon">
                        <div class="col-md-4 column ">
                            <div class="row clearfix ">
                                <div class="col-xs-6 column " id="author">
                                    <img src="./images/view.png" width="16px" height="8px">
                                    <a href="#">4465</a>
                                </div>
                                <div class="col-xs-6 column" id="time">
                                    <img src="./images/bi.png" width="9px" height="8px">
                                    <a href="#">6799</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="Article">
                <div row clearfix>
                    <div class="col-md-10 column Newsletter">
                        <a href="#">拿下阿里一等奖，转型AI，这位技术老炮儿要说些这些</a>
                    </div>
                    <div class="col-md-2 column kaoyou">
                        <a href="#">X</a>
                    </div>
                </div>
                <div class="Newsletter">
                    <p>拿下阿里一等奖，转型AI，这位技术老炮儿要说些这</p>
                </div>
                <div class="row clearfix">
                    <div class="information">
                        <div class="col-md-7 column">
                            <div class="row clearfix">
                                <div class="col-xs-4 column" id="author">
                                    <img src="./images/zuozhe.png" width="15px" height="14px">
                                    <a href="#">CSDnedu</a>
                                </div>
                                <div class="col-xs-4 column" id="time">

                                    <a href="#">10小时前</a>
                                </div>
                                <div class="col-xs-4 column" id="from">

                                    <a href="#">来自csdn</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="respon">
                        <div class="col-md-4 column ">
                            <div class="row clearfix ">
                                <div class="col-xs-6 column " id="author">
                                    <img src="./images/view.png" width="16px" height="8px">
                                    <a href="#">4465</a>
                                </div>
                                <div class="col-xs-6 column" id="time">
                                    <img src="./images/bi.png" width="9px" height="8px">
                                    <a href="#">6799</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="Article">
                <div row clearfix>
                    <div class="col-md-10 column Newsletter">
                        <a href="#">拿下阿里一等奖，转型AI，这位技术老炮儿要说些这些</a>
                    </div>
                    <div class="col-md-2 column kaoyou">
                        <a href="#">X</a>
                    </div>
                </div>
                <div class="Newsletter">
                    <p>拿下阿里一等奖，转型AI，这位技术老炮儿要说些这</p>
                </div>
                <div class="row clearfix">
                    <div class="information">
                        <div class="col-md-7 column">
                            <div class="row clearfix">
                                <div class="col-xs-4 column" id="author">
                                    <img src="./images/zuozhe.png" width="15px" height="14px">
                                    <a href="#">CSDnedu</a>
                                </div>
                                <div class="col-xs-4 column" id="time">

                                    <a href="#">10小时前</a>
                                </div>
                                <div class="col-xs-4 column" id="from">

                                    <a href="#">来自csdn</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="respon">
                        <div class="col-md-4 column ">
                            <div class="row clearfix ">
                                <div class="col-xs-6 column " id="author">
                                    <img src="./images/view.png" width="16px" height="8px">
                                    <a href="#">4465</a>
                                </div>
                                <div class="col-xs-6 column" id="time">
                                    <img src="./images/bi.png" width="9px" height="8px">
                                    <a href="#">6799</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="Article">
                <div row clearfix>
                    <div class="col-md-10 column Newsletter">
                        <a href="#">拿下阿里一等奖，转型AI，这位技术老炮儿要说些这些</a>
                    </div>
                    <div class="col-md-2 column kaoyou">
                        <a href="#">X</a>
                    </div>
                </div>
                <div class="Newsletter">
                    <p>拿下阿里一等奖，转型AI，这位技术老炮儿要说些这</p>
                </div>
                <div class="row clearfix">
                    <div class="information">
                        <div class="col-md-7 column">
                            <div class="row clearfix">
                                <div class="col-xs-4 column" id="author">
                                    <img src="./images/zuozhe.png" width="15px" height="14px">
                                    <a href="#">CSDnedu</a>
                                </div>
                                <div class="col-xs-4 column" id="time">

                                    <a href="#">10小时前</a>
                                </div>
                                <div class="col-xs-4 column" id="from">

                                    <a href="#">来自csdn</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="respon">
                        <div class="col-md-4 column ">
                            <div class="row clearfix ">
                                <div class="col-xs-6 column " id="author">
                                    <img src="./images/view.png" width="16px" height="8px">
                                    <a href="#">4465</a>
                                </div>
                                <div class="col-xs-6 column" id="time">
                                    <img src="./images/bi.png" width="9px" height="8px">
                                    <a href="#">6799</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="Article">
                <div row clearfix>
                    <div class="col-md-10 column Newsletter">
                        <a href="#">拿下阿里一等奖，转型AI，这位技术老炮儿要说些这些</a>
                    </div>
                    <div class="col-md-2 column kaoyou">
                        <a href="#">X</a>
                    </div>
                </div>
                <div class="Newsletter">
                    <p>拿下阿里一等奖，转型AI，这位技术老炮儿要说些这</p>
                </div>
                <div class="row clearfix">
                    <div class="information">
                        <div class="col-md-7 column">
                            <div class="row clearfix">
                                <div class="col-xs-4 column" id="author">
                                    <img src="./images/zuozhe.png" width="15px" height="14px">
                                    <a href="#">CSDnedu</a>
                                </div>
                                <div class="col-xs-4 column" id="time">

                                    <a href="#">10小时前</a>
                                </div>
                                <div class="col-xs-4 column" id="from">

                                    <a href="#">来自csdn</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="respon">
                        <div class="col-md-4 column ">
                            <div class="row clearfix ">
                                <div class="col-xs-6 column " id="author">
                                    <img src="./images/view.png" width="16px" height="8px">
                                    <a href="#">4465</a>
                                </div>
                                <div class="col-xs-6 column" id="time">
                                    <img src="./images/bi.png" width="9px" height="8px">
                                    <a href="#">6799</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="Article">
                <div row clearfix>
                    <div class="col-md-10 column Newsletter">
                        <a href="#">拿下阿里一等奖，转型AI，这位技术老炮儿要说些这些</a>
                    </div>
                    <div class="col-md-2 column kaoyou">
                        <a href="#">X</a>
                    </div>
                </div>
                <div class="Newsletter">
                    <p>拿下阿里一等奖，转型AI，这位技术老炮儿要说些这</p>
                </div>
                <div class="row clearfix">
                    <div class="information">
                        <div class="col-md-7 column">
                            <div class="row clearfix">
                                <div class="col-xs-4 column" id="author">
                                    <img src="./images/zuozhe.png" width="15px" height="14px">
                                    <a href="#">CSDnedu</a>
                                </div>
                                <div class="col-xs-4 column" id="time">

                                    <a href="#">10小时前</a>
                                </div>
                                <div class="col-xs-4 column" id="from">

                                    <a href="#">来自csdn</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="respon">
                        <div class="col-md-4 column ">
                            <div class="row clearfix ">
                                <div class="col-xs-6 column " id="author">
                                    <img src="./images/view.png" width="16px" height="8px">
                                    <a href="#">4465</a>
                                </div>
                                <div class="col-xs-6 column" id="time">
                                    <img src="./images/bi.png" width="9px" height="8px">
                                    <a href="#">6799</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="Article">
                <div row clearfix>
                    <div class="col-md-10 column Newsletter">
                        <a href="#">拿下阿里一等奖，转型AI，这位技术老炮儿要说些这些</a>
                    </div>
                    <div class="col-md-2 column kaoyou">
                        <a href="#">X</a>
                    </div>
                </div>
                <div class="Newsletter">
                    <p>拿下阿里一等奖，转型AI，这位技术老炮儿要说些这</p>
                </div>
                <div class="row clearfix">
                    <div class="information">
                        <div class="col-md-7 column">
                            <div class="row clearfix">
                                <div class="col-xs-4 column" id="author">
                                    <img src="./images/zuozhe.png" width="15px" height="14px">
                                    <a href="#">CSDnedu</a>
                                </div>
                                <div class="col-xs-4 column" id="time">

                                    <a href="#">10小时前</a>
                                </div>
                                <div class="col-xs-4 column" id="from">

                                    <a href="#">来自csdn</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="respon">
                        <div class="col-md-4 column ">
                            <div class="row clearfix ">
                                <div class="col-xs-6 column " id="author">
                                    <img src="./images/view.png" width="16px" height="8px">
                                    <a href="#">4465</a>
                                </div>
                                <div class="col-xs-6 column" id="time">
                                    <img src="./images/bi.png" width="9px" height="8px">
                                    <a href="#">6799</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="Article">
                <div row clearfix>
                    <div class="col-md-10 column Newsletter">
                        <a href="#">拿下阿里一等奖，转型AI，这位技术老炮儿要说些这些</a>
                    </div>
                    <div class="col-md-2 column kaoyou">
                        <a href="#">X</a>
                    </div>
                </div>
                <div class="Newsletter">
                    <p>拿下阿里一等奖，转型AI，这位技术老炮儿要说些这</p>
                </div>
                <div class="row clearfix">
                    <div class="information">
                        <div class="col-md-7 column">
                            <div class="row clearfix">
                                <div class="col-xs-4 column" id="author">
                                    <img src="./images/zuozhe.png" width="15px" height="14px">
                                    <a href="#">CSDnedu</a>
                                </div>
                                <div class="col-xs-4 column" id="time">

                                    <a href="#">10小时前</a>
                                </div>
                                <div class="col-xs-4 column" id="from">

                                    <a href="#">来自csdn</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="respon">
                        <div class="col-md-4 column ">
                            <div class="row clearfix ">
                                <div class="col-xs-6 column " id="author">
                                    <img src="./images/view.png" width="16px" height="8px">
                                    <a href="#">4465</a>
                                </div>
                                <div class="col-xs-6 column" id="time">
                                    <img src="./images/bi.png" width="9px" height="8px">
                                    <a href="#">6799</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <div class="Article">
                <div row clearfix>
                    <div class="col-md-10 column Newsletter">
                        <a href="#">拿下阿里一等奖，转型AI，这位技术老炮儿要说些这些</a>
                    </div>
                    <div class="col-md-2 column kaoyou">
                        <a href="#">X</a>
                    </div>
                </div>
                <div class="Newsletter">
                    <p>拿下阿里一等奖，转型AI，这位技术老炮儿要说些这</p>
                </div>
                <div class="row clearfix">
                    <div class="information">
                        <div class="col-md-7 column">
                            <div class="row clearfix">
                                <div class="col-xs-4 column" id="author">
                                    <img src="./images/zuozhe.png" width="15px" height="14px">
                                    <a href="#">CSDnedu</a>
                                </div>
                                <div class="col-xs-4 column" id="time">

                                    <a href="#">10小时前</a>
                                </div>
                                <div class="col-xs-4 column" id="from">

                                    <a href="#">来自csdn</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="respon">
                        <div class="col-md-4 column ">
                            <div class="row clearfix ">
                                <div class="col-xs-6 column " id="author">
                                    <img src="./images/view.png" width="16px" height="8px">
                                    <a href="#">4465</a>
                                </div>
                                <div class="col-xs-6 column" id="time">
                                    <img src="./images/bi.png" width="9px" height="8px">
                                    <a href="#">6799</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="Article">
                <div row clearfix>
                    <div class="col-md-10 column Newsletter">
                        <a href="#">拿下阿里一等奖，转型AI，这位技术老炮儿要说些这些</a>
                    </div>
                    <div class="col-md-2 column kaoyou">
                        <a href="#">X</a>
                    </div>
                </div>
                <div class="Newsletter">
                    <p>拿下阿里一等奖，转型AI，这位技术老炮儿要说些这</p>
                </div>
                <div class="row clearfix">
                    <div class="information">
                        <div class="col-md-7 column">
                            <div class="row clearfix">
                                <div class="col-xs-4 column" id="author">
                                    <img src="./images/zuozhe.png" width="15px" height="14px">
                                    <a href="#">CSDnedu</a>
                                </div>
                                <div class="col-xs-4 column" id="time">

                                    <a href="#">10小时前</a>
                                </div>
                                <div class="col-xs-4 column" id="from">

                                    <a href="#">来自csdn</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="respon">
                        <div class="col-md-4 column ">
                            <div class="row clearfix ">
                                <div class="col-xs-6 column " id="author">
                                    <img src="./images/view.png" width="16px" height="8px">
                                    <a href="#">4465</a>
                                </div>
                                <div class="col-xs-6 column" id="time">
                                    <img src="./images/bi.png" width="9px" height="8px">
                                    <a href="#">6799</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="Article">
                <div row clearfix>
                    <div class="col-md-10 column Newsletter">
                        <a href="#">拿下阿里一等奖，转型AI，这位技术老炮儿要说些这些</a>
                    </div>
                    <div class="col-md-2 column kaoyou">
                        <a href="#">X</a>
                    </div>
                </div>
                <div class="Newsletter">
                    <p>拿下阿里一等奖，转型AI，这位技术老炮儿要说些这</p>
                </div>
                <div class="row clearfix">
                    <div class="information">
                        <div class="col-md-7 column">
                            <div class="row clearfix">
                                <div class="col-xs-4 column" id="author">
                                    <img src="./images/zuozhe.png" width="15px" height="14px">
                                    <a href="#">CSDnedu</a>
                                </div>
                                <div class="col-xs-4 column" id="time">

                                    <a href="#">10小时前</a>
                                </div>
                                <div class="col-xs-4 column" id="from">

                                    <a href="#">来自csdn</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="respon">
                        <div class="col-md-4 column ">
                            <div class="row clearfix ">
                                <div class="col-xs-6 column " id="author">
                                    <img src="./images/view.png" width="16px" height="8px">
                                    <a href="#">4465</a>
                                </div>
                                <div class="col-xs-6 column" id="time">
                                    <img src="./images/bi.png" width="9px" height="8px">
                                    <a href="#">6799</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>



        <!-- 首页右分栏 -->
        <div class="col-sm-4">
            <table class="table table-bordered">
                <div class=" li-box " id="tzgg">
                    <span>赛事圈</span>
                    <div class="clearfix"></div>
                    <ul class="line"> </ul>
                </div>
                <tbody>
                    <tr>
                        <td>
                            <div class="media">
                                <div class="media-left media-middle ">
                                    <img src="images/saishi.png" class="media-object" style="width:140px">
                                </div>
                                <div class="media-body saishiview">
                                    <p>互联网比赛公布结果：一等奖 二等奖 三等奖互联网比赛公布结果：一等奖 二等奖 三等奖</p>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="Beijing">
                                <div class="saishi">
                                    <img src="images/group.png" class="media-object" style="width:70px">
                                </div>
                                <div class="caption">
                                    <p>
                                        <a href="#" class="btn btn-default btn-sm" role="button">在线组队 </a>
                                    </p>
                                </div>
                            </div>
                        </td>
                    </tr>
                </tbody>
                <tbody>
                    <tr>
                        <td>
                            <div class="media-left media-middle">
                                <img src="images/saishi.png" class="media-object" style="width:140px">
                            </div>
                            <div class="media-body saishiview">
                                <p>互联网比赛公布结果：一等奖 二等奖 三等奖互联网比赛公布结果：一等奖 二等奖 三等奖</p>
                            </div>
        </div>
        </td>
        <td>
            <div class="Beijing">
                <div class="saishi">
                    <font size="1">数学建模大赛数学建模大赛</font>
                </div>
                <div class="caption">
                    <p>
                        <a href="#" class="btn btn-default btn-sm" role="button">比赛报名 </a>
                    </p>
                </div>
            </div>
        </td>
        </tr>
        </tbody>
        </table>

        <table class="table table-bordered">
            <div class=" li-box  " id="tzgg">
                <span>每日一题</span>
                <div class="clearfix"></div>
                <ul class="line"> </ul>
            </div>
            <thead>
                <tr>
                    <td class="question"> &nbsp&nbsp题目</td>
                    <td class="question"> &nbsp&nbsp提问区</td>
                </tr>
                <tr>
                    <td class="questions">
                        <li>
                            <a href="#">此处是问题</a>
                        </li>
                        <li>
                            <a href="#">此处是问题</a>
                        </li>
                        <li>
                            <a href="#">此处是问题</a>
                        </li>
                        <li>
                            <a href="#">此处是问题</a>
                        </li>

                    </td>
                    <td class="questions">
                        <li>
                            <a href="#">点击提问</a>
                        </li>
                        <li>
                            <a href="#">点击提问</a>
                        </li>
                        <li>
                            <a href="#">点击提问</a>
                        </li>
                        <li>
                            <a href="#">点击提问</a>
                        </li>
                    </td>
                </tr>
            </thead>

        </table>
        <div class="panel panel-default">
            <div class="panel-heading">资源分享</div>
            <table class="table share">
                <tr>
                    <td>
                        <img src="./images/diannao.png" width="15px" height="15px">
                        <a href="#">电脑办公</a>
                    </td>
                    <td>
                        <img src="./images/pinmian.png" width="15px" height="15px">
                        <a href="#">平面设计</a>
                    </td>
                    <td>
                        <img src="./images/shinei.png" width="15px" height="15px">
                        <a href="#">室内设计</a>
                    </td>
                </tr>
                <tr>
                    <td>
                        <img src="./images/shiwai.png" width="15px" height="15px">
                        <a href="#">室外设计</a>
                    </td>
                    <td>
                        <img src="./images/jixie.png" width="15px" height="15px">
                        <a href="#">机械设计</a>
                    </td>
                    <td>
                        <img src="./images/gongye.png" width="15px" height="15px">
                        <a href="#">工业自动化</a>
                    </td>
                </tr>
                <tr>
                    <td>
                        <img src="./images/yinshi.png" width="15px" height="15px">
                        <a href="#">影视动画</a>
                    </td>
                    <td>
                        <img src="./images/wangye.png" width="15px" height="15px">
                        <a href="#">网页设计</a>
                    </td>
                    <td>
                        <img src="./images/chengxu.png" width="15px" height="15px">
                        <a href="#">程序开发</a>
                    </td>
                </tr>
            </table>
        </div>
    </div>

    </div>
    <div id="pagination" class="pagination"></div>
    <div class=" text-center" style="margin-bottom:0 ">
        <button type="button" class="btn btn-link">关于我们</button>
        <button type="button" class="btn btn-link">联系我们</button>
        <button type="button" class="btn btn-link">友情链接</button>
        <p>版权所有：长江大学 长江大学在线信息传媒</p>
    </div>

    <!--这是使页面立即返回顶部的盒子-->
    <div class="return"></div>
    <script>
        window.onload = function () {
            //返回顶部
            var back = document.getElementsByClassName('return')[0];
            back.onclick = function () {
                scrollTo(0, 0);
            }

            //分页
            new Page({
                id: 'pagination',
                pageTotal: 50, //必填,总页数
                pageAmount: 10,  //每页多少条
                dataTotal: 500, //总共多少条数据
                curPage: 1, //初始页码,不填默认为1
                pageSize: 5, //分页个数,不填默认为5
                showPageTotalFlag: true, //是否显示数据统计,不填默认不显示
                showSkipInputFlag: true, //是否支持跳转,不填默认不显示
                getPage: function (page) {
                    //获取当前页数
                    console.log(page);
                }
            })
        }
    </script>
    <script src="./js/mypagination.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
</body>

</html>